@charset "UTF-8";
/*
Copyright @ 咖啡网
@date 2015-01-21 11:51:10
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,address,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0; }
body{ color:#646464; font:12px/160% Arial,Verdana,"宋体"; }
ul, li{ list-style:none; }
.w{ margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right; }
:focus{ outline:0; }
a img{ border:0; }
img{ vertical-align:middle; }
table{ empty-cells:show; }
em{ font-style:normal; }
button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner{ border:0; padding:0; }
.border{ border:1px solid #d3d3d3; }
.clearfix:after, .clearfix:before{ content: ""; clear: both; height: 0; display: table; }
.clearfix{ zoom:1; }

/*A =============*/
a{ color: #464646; text-decoration: none; } 
a:hover{ color: #1986b0; text-decoration: underline; }
a:hover img{ filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }

.lightgrey{ color: #999; }

.icon{ background: url(../images/back01.png) no-repeat; _background-image:url(../images/back01.gif); display: inline-block; }
/*margin =======*/
.mt20{ margin-top: 20px; }
.ml20{ margin-left: 20px; }

/*line ======*/
.lineLeft{ border-left: 1px dashed #d3d3d3; }

/*banner ======*/
.banner, .banner img{ display: block; width: 292px; height: 47px; overflow: hidden; }
#banner, #banner img{ width: 1000px; overflow: hidden; display: block; }

/*title ======*/
.title{ position: relative; height: 36px; border-bottom: 1px solid #d3d3d3; }
.title h2{ position: absolute; top:0; left:0; float: left; height: 35px; line-height: 36px; font-size: 18px; font-family: "Microsoft Yahei"; font-weight: normal; border-bottom: 2px solid #1986b0; padding-right: 4px; }
.title-list{ float: right; height: 30px; line-height: 30px; margin-top: 5px; font-family: 'simsun'; }
.title-list a, .title-list em{ float: left; color: #999; }
.title-list a:hover{ color: #1986b0; }
.title-list em{ margin:0 8px; }
.breadcrumb{ height: 38px; border-bottom: 1px solid #d3d3d3; font-size: 14px; line-height: 38px; margin:0 20px; color: #999; }
.breadcrumb a{ color: #999; }
.breadcrumb strong{ color: #464646; font-weight: normal; }

/*分页*/
#bottom_pager{ padding: 20px 0; height: 32px; }
#page{ text-align: center; height: 32px; }
#page a, .prev-disabled, .next-disabled, #page .current{ position: relative; display:inline-block; color: #252525; margin-right: 6px; padding:0 12px; height: 30px; border:1px solid #e5e5e5; text-align: center; line-height: 30px; }
#page a:hover{ border:1px solid #1986b0; text-decoration: none; }
#page .current{ border:1px solid  #1986b0; color:#fff; background: #1986b0; }
#page .disabled{ color: #b1b1b1; }
#page .disabled:hover{ border:1px solid #e5e5e5; }
#page .a1{ margin-left: 6px; }
#page span{ margin-right: 6px; background: #1986b0; border:1px solid  #1986b0; height: 30px; line-height: 30px; padding: 0 12px; color:#fff; display: inline-block; }

/*网站页头 ===========*/
#top{ height: 30px; line-height: 30px; background: #f3f3f3; }

/*网站头部 =======*/
#header{ height: 48px; }
#logo, #logo a{ display: block; width: 197px; height: 44px; }
#logo{ float: left; background: url(../images/logo.png) no-repeat; text-indent: -9999px; margin-top: 20px; }
#header .tel{ float: right; font-size: 22px; color: #d11616; font-family: "Microsoft YaHei"; margin-top: 26px; }

#logo2{ float: left; width: 380px; height: 60px; background: url(../v2/site/img/logo1.png) no-repeat; _background-image: url(../v2/site/img/logo1.png); margin: 5px 0 0 14px; }
#logo2 a{ text-indent: -9999px; display: block; width: 281px; height: 56px; }

/*主导航 ==========*/
#nav{ height: 40px; line-height: 40px; background: #1986b0; }
#nav li{ float: left; font-size: 18px; }
#nav li a{ display: block; color: #fff; text-align: center; font-family:'Microsoft YaHei'; padding:0 30px; }
#nav li.current a{ background: #096d94; }

/*网站底部 ========*/
#footer{ border-top: 3px solid #1986b0; text-align: center; font-size: 14px; overflow: hidden; }
.link{ color: #1986b0; margin-top: 16px; height: 20px; line-height: 20px; }
.link a{ color: #1986b0; }
.link em{ margin:0 5px; }
.copyright{ height: 40px; color: #999; margin-top: 10px; }

/*登录 ==========*/
#login{ float: right; position: relative; width: 276px; height: 298px; border:1px solid #d3d3d3; }
#login .login-item .login-tit{ position: absolute; top:0; width: 137px; height: 44px; line-height: 44px; text-align: center; background: #096d94; font-size: 18px; color: #fff; font-family: "Microsoft YaHei"; cursor: pointer; }
#login .fore1 .login-tit{ left:0; }
#login .fore2 .login-tit{ left:139px; }
#login .current .login-tit{ background: #fff; color: #464646; }
#login .login-item .login-con{ display: none; margin-top: 44px; }
#login .login-item .show{ display: block; }
#login .login-con{ padding-top: 8px; height: 208px; }
#login .login-con li{ position: relative; width: 236px; margin:0 auto; overflow: hidden; zoom:1; margin-top: 12px; }
#login .login-con li input.input-text, #login .login-con li input.input-password{ width: 222px; height: 36px; line-height: 36px; padding:0 5px; color: #9d9d9d; border:1px solid #d3d3d3; }
#login .login-con li span.login-msg{ position: absolute; left:10px; top:10px; color: #9d9d9d; }
#login .login-con li input.input-check{ vertical-align: middle; margin-right:3px; }
#login .login-con li input.input-btn{ width: 236px; height: 38px; background: #1986b0; border-radius: 6px; color: #fff; border:0; font-size: 18px; font-family: "Microsoft YaHei"; cursor: pointer; }
#login .login-con li input.borderRed{ border:1px solid red; }
#login .login-con li.checkbox{ margin-top: 15px; }
#login .register{ height: 38px; line-height: 38px; background: #e5e5e5; text-align: center; font-size: 14px; font-family: "Microsoft YaHei"; }
#login .register a{ margin-left: 30px; color: #096d94; }


/*登录+注册*/
#top .fr li{ float: left; }
#top .fr li span{ margin:0 6px; }
.login{ width: 400px; position: relative; margin: 95px auto; display: block; font-family: "Microsoft YaHei"; }
.login .code{ text-align: center; margin-bottom: 50px; }
.login-item{ position: relative; margin-bottom: 15px; zoom:1; min-height: 48px; }
.login-item:after{ content:''; clear: both; display: table; visibility: hidden; }
.login-item label{ position: absolute; top:0; right:330px; width:200px; height: 48px; line-height: 48px; text-align: right; color: #444; font-size: 14px; }
.login-item .input-box{ margin-left: 90px; }
.login-item .input-box input{ width: 308px; height: 46px; border: 1px solid #d1d1d1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #b1b1b1; font-size: 14px; text-indent: 10px; font-family: "Microsoft YaHei"; }
.login-btn{ margin-left: 90px; margin-top: 18px; margin-bottom: 35px; }
.login-btn button{ width: 310px; height: 55px; line-height: 55px; font-size: 16px; color: white; text-align: center; border: 0; background-color: #1986b0; cursor: pointer; display: block; font-family: "Microsoft YaHei"; }
.login-btn button:hover{ background-color: #1d96c5; }
.login .loginLine{ border-top: 1px dashed #bfbfbf; margin: 0 0 35px 20px; overflow: hidden; zoom:1; }
.login .loginTxt{ margin-left: 80px; font-size: 14px; margin-bottom: 95px; }
.login .loginTxt a{ color: #1986b0; margin-left: 60px; text-decoration: underline; }
.login .loginTxt a:hover{ text-decoration: none; }
.login-remember{ margin-left: 90px; }
.login-remember .lr-l input { vertical-align: middle; margin-right: 5px; }
.login-remember a{ color:#1986b0; }
.form-error, .form-msg{ position: absolute; top:0; left:410px; width: 300px; height: 48px; line-height: 48px; color:#f50000; font-size: 14px; display: none; }
.login input.borderRed, .register-layout input.borderRed{ border:1px solid #f50000; }
.form-msg{ color:#999; }

.login-tit{ font-size: 14px; margin:20px 0; font-family: "Microsoft YaHei"; }
.login-step:after{ content:''; clear: both; display: table; visibility: hidden; }
.login-step{ zoom:1; }
.login-step .ls-item{ position: relative; float: left; width: 300px; height: 98px; border:1px solid #aaa5a3; font-weight: 700; font-size: 14px; text-align: center; margin-right: 20px; cursor: pointer; }
.login-step .ls-item .lsi-top{ margin-top: 20px; line-height: 29px; height: 45px; }
.login-step .fore1 .icons{ display: inline-block; width: 30px; height: 29px; background:url(../images/icons.png) no-repeat 0 -41px; vertical-align: middle; margin-right: 10px; }
.login-step .fore2 .icons{ display: inline-block; width: 30px; height: 30px; background:url(../images/icons.png) no-repeat 0 0; vertical-align: middle; margin-right: 10px; }
.login-step .current{ background:#EEEEEE; }
.login-step .current .lsi-checked{ position: absolute; top:10px; right:10px; width: 32px; height: 29px; background:url(../images/current.png) no-repeat; }
.login-step .current .fore1 .icons{ background-position: -37px -41px; }
.login-step .current .fore2 .icons{ background-position: -37px 0; }

.loginYz .submit{ display: inline-block; padding: 6px 12px; font-family:"Microsoft YaHei"; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; border:0; cursor: pointer; margin-top: 20px; }
.loginYz .submit:hover{ background:#E8E8E8; }
.loginYz .login-step label{ width: 75px; text-align: right; float: left; line-height: 32px; margin-top: 10px; }
.loginYz .login-step .input-box{ float: left; }
.loginYz .login-div{ height: 45px; }

.login-step .login-p{ font-size: 14px; font-family:"Microsoft YaHei"; }
.login-step .login-input{ width: 120px; height: 30px; line-height: 30px; border:1px solid #ccc; padding:0 10px; margin-top: 10px; }

.register-layout { width: 400px; position: relative; margin: 95px auto; display: block; }

.register-layout .register-form-attention { font-size: 14px; font-weight: bold; color: #444; position: absolute; top: -50px; }
.register-xing{ color:red; margin-right: 6px; }

.login-item .input-box select{ width: 138px; height: 48px; border: 1px solid #d1d1d1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #b1b1b1; font-size: 14px; margin-right: 6px; }
.login-item .input-box1{ position: absolute; top:0; left:90px; width: 600px; }
#verifycode{ width: 120px; }
#weixincode{ width: 120px; }
.login-item .box-b{ display: block; }
.login-item .blue{ color:#1986b0; }
.register-layout .fore6 .form-error, .register-layout .fore6 .form-msg{ top:48px; left:220px; }

.codeBox{ width: 430px; margin:0 auto; font-family:"Microsoft YaHei"; text-align: center; margin-top: 70px; margin-bottom: 60px; }
.codeBox-p{ font-size: 14px; line-height: 30px; }
.codeBox-p .txt{ color:#1986b0; font-size: 18px; font-weight: bold; margin-bottom: 60px; }
.codeBox .code{ margin:30px 0; }
.codeBox-btn{ width: 310px; height: 55px; margin:0 auto; }
.codeBox-btn a{ width: 310px; height: 55px; line-height: 55px; font-size: 16px; color: white; text-align: center; border: 0; background-color: #1986b0; cursor: pointer; display: block; font-family: "Microsoft YaHei"; }

.codeBox-btn a:hover{ background-color: #1d96c5; text-decoration: none; }
